<script setup>
  import { defineProps } from "vue";
  const props = defineProps({
    name: {
      type: String,
      default: "周杰伦",
    },
    num: {
      type: String,
      default: "21",
    },
    liked: {
      type: String,
      default: "100",
    },
    view: {
      type: String,
      default: "520",
    },
    avatar: {
      type: String,
      default: "描述",
    },
  });
</script>
<template>
  <div>
    <li>
      <a href="single-channal.html">
        <div class="channal-card animate-this">
          <div
            class="channal-card-thumbnail"
            :data-src="avatar"
            uk-img
          ></div>
          <div class="channal-card-body">
            <div class="channal-card-creator">
              <img v-img-lazy="avatar" />
            </div>
            <h4>{{ name }}</h4>
            <p>
              <span>{{ liked }} 热度 . {{ num }} 视频 . {{ view }} 观看量</span>
            </p>
          </div>
        </div>
      </a>
    </li>
  </div>
</template>
<style></style>
